// 车险表单明细 标题
<template>

<div class="page-head">

    <h1 class="title">
        {{title}}
    </h1>
    
    <div class="content">
        <slot></slot>
    </div>
    
</div>

</template>
<script lang='ts'>
import { Component, Prop, Watch, Vue } from 'vue-property-decorator'


@Component({})
export default class page_head extends Vue{
    name:string = 'page_head'
    
    @Prop()
    title:string
    
    
}

</script>

<style scoped lang='scss'>
$size: _rem(40px);

.page-head{
    display: flex;
    justify-content: space-between;
    align-items: center;
    
    padding-right: _intervals(2) + _rem(6px);
    padding-bottom: _intervals();
    height: $size;
    border-bottom: _rem(1px) dashed $border_color;
    
    line-height: $size;

    .title{
        font-size:_rem(22px);
    }

}

</style>